.box_shadow(@right: 0px, @bottom: 4px, @blur: 10px, @spread: 10px, @color: #9A9293){
	-webkit-box-shadow: @right @bottom @blur @spread @color;
	   -moz-box-shadow: @right @bottom @blur @spread @color;
	        box-shadow: @right @bottom @blur @spread @color;
}
.border_radius(@value: 100px){
	-webkit-border-radius: @value;
  	   -moz-border-radius: @value;
 			border-radius: @value;
}

//顶栏样式
#top_bar{
	height: 65px;
	width: 100%;

	.fixed_div{
		position: fixed;
		height: 65px;
		width: 100%;
		min-width: 960px;
		background-color: #5568D5;
		z-index: 10;
	}
	.fixed_div>div{
		float: left;
		margin-top: 15px;
		padding: 0;
	}

	.webTitle{
		width: 20%;
		margin-left: 8%;
		a{
			img{
				width: 110px;
			}
		}
	}
	.search{
		width: 26%;
		position: relative;
		img{
			position: absolute;
			top: 10px;
			left: 17px;
			cursor: pointer;
		}
		input{
			width: 230px;
			height: 38px;
			padding-left: 45px;
			font: 16px/25px "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
			color: #C4C4C4;
			background-color: #4152B2;
			border: 0px solid transparent;
			outline: medium;
			.border_radius(100px);
		}
	}
	.switch-pages{
		width: 25%;	
		a{
			text-decoration: none;
			.top_btn{
				padding: 7px 15px;
				font: 23px/40px "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
				color: #BCBCBC;
				opacity: 0.7;
				cursor: pointer;		
				&.active{
					color: #FFF;
					opacity: 1.0;
				}
			}
		}
	}
	.operation-btns{
		width: 21%;

		.log_reg{
			display: none;
			padding: 7px 15px;
			font: 23px/40px "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
			color: #FFF;
			cursor: pointer;		
		}
		.user{
			display: none;
			width: 100%;
			font: 21px "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
			color: #FFF;
			cursor: pointer;

			.avatar_userName{
				padding: 6px 0 10px 0;
				a{
					text-decoration: none;
					color: #FFF;
				}
				.log_avatar{
					float: left;
					overflow: hidden;	
					width: 35px;
					height: 35px;
					margin-top: -2px;
					margin-right: 7px;
					img{
						width: 100%;
					}
				}
			}
			.hidden_first{
				display: none;
				padding-left: 30px;

				.triangle{
					width: 0;
					height: 0;
					margin-left: 35px;
					border-bottom: 13px solid #FFF;
					border-right: 13px solid transparent;
					border-left: 13px solid transparent;
				}
				.user-list{
					width: 100px;
					color: #2e2e2e;
					background-color: #FFF;
					div{
						width: 76%;
						height: 40px;	
						margin-left: 12%;
						text-align: center;
						color: #2e2e2e;
						font: 17px/40px "黑体","宋体",sans-serif;
						border-bottom: 1px solid #BDBDBD;
						a{
							color: #2e2e2e;
							text-decoration: none;
							&:hover{
								color: #9E9E9E;
							}
						}
						&.quit{
							border: 0px;
						}
						&:hover{
							color: #9E9E9E;
						}
					}
				}
			}
		}
	}
}


#logModal{
	.modal-dialog{
		width: 400px;
		.modal-content{
			width: 400px;

			.closeModal{
				width: 100%;
				height: 50px;
				img{
					float: right;
					cursor: pointer;
					width: 17px;
					margin: 10px 10px 0 0;
				}
			}
			.input-line{
				position: relative;
				width: 100%;
				.account-img{
					position: absolute;
					left: 43px;
					top: 18px;
					width: 21px;
				}
				.password-img{
					position: absolute;
					left: 44px;
					top: 11px;
					width: 19px;
				}
				input{
					width: 82%;
					height: 50px;
					margin-left: 9%;
					padding-left: 40px;
					font-size: 14px;
					color: #959595;
					background-color: #F8F8F8;
					border: 1px solid #BDBDBD;
					.border_radius(5px);
				}

			}
			.error{
				width: 84%;
				margin-left: 8%;
				height: 30px;
				span{
					font: 14px "Microsoft YaHei","黑体","宋体",sans-serif;
					color: #ff5757;
				}
			}
			.submit-holder{
				width: 80%;
				margin-left: 10%;
				cursor: pointer;
				.main-submit{
					width: 100%;
				}
			}
			.other_login{
				width: 82%;
				margin: 20px 0 20px 9%;
				overflow: hidden;
				span{
					float: right;
					font: 17px "Microsoft YaHei","黑体","宋体",sans-serif;
				}
				img{
					float: right;
					width: 35px;
					cursor: pointer;
				}
			}
		}	
	}
}

#regModal{
	.modal-dialog{
		width: 450px;
		.modal-content{
			width: 450px;

			.closeModal{
				width: 100%;
				height: 50px;
				img{
					float: right;
					cursor: pointer;
					width: 17px;
					margin: 10px 10px 0 0;
				}
			}
			.input-line{
				float: left;
				width: 100%;
				.labels{
					float: left;
					width: 22%;
					padding: 12px 12px 0 0;
					span{
						float: right;
						font: 17px "黑体","宋体",sans-serif;
					}
				}
				input{
					width: 70%;
					height: 50px;
					padding-left: 12px;
					border: 1px solid #BDBDBD;
					background-color: #F8F8F8;
					.border_radius(5px);
					&.short{
						width: 45%;
					}
				}
				.getCode{
					margin-left: 10px;
					width: 22%;
					cursor: pointer;
				}

			}
			.error{
				float: left;
				width: 70%;
				margin-left: 24%;
				height: 30px;
				span{
					font: 14px "Microsoft YaHei","黑体","宋体",sans-serif;
					color: #ff5757;
				}
			}
			.submit-holder{
				width: 74%;
				margin-left: 13%;
				margin-bottom: 30px;
				cursor: pointer;
				.main-submit{
					width: 100%;
				}
			}
		}	
	}
}

#changePassModal{
	.modal-dialog{
		width: 400px;
		.modal-content{
			width: 400px;

			.input-line{
				width: 100%;
				input{
					width: 82%;
					height: 50px;
					margin-left: 9%;
					padding-left: 12px;
					font-size: 14px;
					color: #959595;
					background-color: #F8F8F8;
					border: 1px solid #BDBDBD;
					.border_radius(5px);
				}
				&:first-child{
					margin-top: 35px;
				}

			}
			.error{
				width: 82%;
				margin-left: 9%;
				height: 30px;
				span{
					font: 14px "Microsoft YaHei","黑体","宋体",sans-serif;
					color: #ff5757;
				}
			}
			.submit-holder{
				overflow: hidden;
				width: 82%;
				margin-left: 9%;
				margin-bottom: 30px;
				cursor: pointer;
				.quit{
					float: left;
					width: 40%;
				}
				.main-submit{
					float: right;
					width: 40%;
				}
			}
		}	
	}
}